
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;font-size:16px;}
body {width: 100%;height:auto;background:#f1f1f1;-webkit-text-size-adjust:none; font-family:"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　 
a:focus { -moz-outline-style: none; } /* IE不支持 */ 
a:active {color: #666}
img{ border:0;}
input,textarea{ font-size:12px;}
li{list-style-type:none;}
.top{width:100%;overflow:hidden;height:50px; position:relative; margin:0 auto;background-color: #cdd3da;}
.logo{height: 29px; left: 1.5%; padding: 2px; position: absolute;top: 10px; width: 80px;}
.logo img{  height:35px; }
.top_right{height: 29px; padding: 0; position: absolute;right: 0; top: 10px; width: 200px;}
/*.top_right .user{ width:29px; height:30px;display:inline-block; background:url(http://m.haoread.com/images/mbook/usre.png) no-repeat;right:45px; padding: 2px; position: absolute; top: 0;}*/
.top_right .user{height:30px;display:inline-block;right:45px; padding: 2px; position: absolute; top: 0;border-radius:50%; color:#666666; line-height:30px;}
.top_right .user img{width:29px; height:30px;border-radius:50%;}
.top_right .search{width:30px; height:29px;display:inline-block;
background:url(http://m.haoread.com/images/mbook/search_top.png) no-repeat; padding: 0; right:5px; position: absolute; top: 0; }
.reading{ background:url(http://m.haoread.com/images/mbook/date_button.png) no-repeat;background-size:19px 19px; padding:0 0 0 27px; color:#999; display:block;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis; height:23px; line-height:23px; overflow:hidden; margin-left:1%;}
.reading span{ color:#666;}
.nav{ visibility:visible;}
.nav .nav01{background: rgba(26,26,27,0.8); -webkit-box-sizing:border-box; height:35px;}
.nav01 li{ float:left;-webkit-box-flex:1; text-align:center; height:35px; line-height:35px; width:20%;}
.nav01 li a{ color:#fff; display:block; }
.nav .nav01 li .button_line{ border-bottom:2px solid #fff; display:block; height:30px; width:50%; margin:0 auto;}
.Recently_read{ width:100%; background:#fcfcfc; overflow:hidden;}
.Recently_read li{ line-height:30px; border-bottom:1px solid #f1f1f1;}
.Recently_read li a{color:#999; padding-left:2%;-webkit-box-flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;}
.Recently_read li span{ padding:10px 0 0 10px; display:block;}
.Recently_read li span img{ padding-right:5px; width:13px; height:13px;}

.one_content{padding:15px 0px 5px 0px;}
.one{ width:100%; padding-left:0; height:30px; border-bottom: 1px solid #008eea;}
.one_content h3{font-size:18px; color:#666; float:left; padding-left:3%}
.one a{ float:right; color:#666; padding-right:2%;}
.one_title{padding:10px 14px 5px 0px; clear:both; width:98%;}
.one_title_left{line-height:1px; float:left; position:relative;margin-top:2px;}
.one_title_right{  margin-left:94px;position:relative; display:block;}
.one_title_right span{ white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis; display:block;}
.o_t_r_content{ margin-top:5px; font-size:14px;color:#999; height:21px;display:none}
.o_t_r_content p{ float:left;font-size:14px;}
.o_t_r_content span{ float:right; font-size:14px;}
.o_t_r_content02{ width:100%; height:25px; float:left;}
.o_t_r_content02 p{white-space: nowrap;word-wrap: normal;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;height:18px; margin-top:5px; color:#999; font-size:14px;}
.one_two_content{position:relative;-webkit-box-sizing:border-box;display:-webkit-box; width:96%; clear:both; margin-left:3%;margin-bottom:10px;}
.one_two_content a{position:absolute; left:0; top:0; display:block; width:100%;z-index:9; height:100%; }

.one_ul{ width:100%; }
.one_ul li{ position:relative; padding:10px; line-height:21px; border-bottom: 1px dotted #ccc;    background: #fff;}
.one_ul li p{ margin-left:3%;}
.one_ul li span{white-space:nowrap;word-wrap:normal; overflow:hidden;text-overflow:ellipsis; float:left; padding-right:3px;}
.one_ul li .author{ color:#999; font-size:13px; margin-left:2%;}
.Introduction{ color:#999; font-size:14px; clear:both;white-space:nowrap;word-wrap:normal; overflow:hidden;text-overflow:ellipsis; padding-top:8px; padding-bottom:10px;}
.one_ul li a{position:absolute; left:0; top:0; display:block; width:100%;z-index:9; height:100%;}
.bottom_line{ height:10px; border-bottom:1px solid #008eea; width:100%; display:-webkit-box;}

#tags,#taggs { height: 28px; width:96%; clear:both; padding:10px 0 15px 0px;margin-left:3%; }

#tags .selectTag:after,#taggs .selectTagg:after { width: 0;}

#tags li.selectTag{ background: none repeat scroll 0 0 #546D7D; z-index: 1; /* Gecko browsers */
-moz-border-radius: 3px; 
/* Webkit browsers */
-webkit-border-radius: 3px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px;}
#taggs li.selectTagg { background: none repeat scroll 0 0 #E8ADAF; z-index: 1; /* Gecko browsers */
-moz-border-radius: 3px; 
/* Webkit browsers */
-webkit-border-radius: 3px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px;}

#tags li.selectTag a,#taggs li.selectTagg a { display:block; width:100%; color: #FFFFFF; }

#tags li a,#taggs li a{ display:block; width:100%; color: #666666;}

#tags li:first-child,#taggs li:first-child {   margin-left: 0;}

#tags li,#taggs li { float: left; border-radius: 0 0 0 0; cursor: pointer;
margin-right:2%; display: block; line-height: 25px; min-height: 25px; min-width: 10px; margin-left: -1px; padding: 1px 1%; position: relative; text-align: center; vertical-align: middle; background:#eaeaea; /* Gecko browsers */
-moz-border-radius: 3px; 
/* Webkit browsers */
-webkit-border-radius: 3px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px;-webkit-box-flex:1;
}
.two_ul li{ height:24px; line-height:24px;}
.date{ float:left; margin-left:20px;}
.one .date p{ width:30px; height:20px; border:1px solid #d6d6d6; background:#fff; color:#e94545; display:inline-block; float:left; margin-right:3px; text-align:center;}
.one .date b{ float:left;margin-right:2px;}

.banner{display:-webkit-box;line-height:1;margin:0 14px; overflow:hidden;}
.banner li{margin:15px 0;position:relative;-webkit-box-flex:1;text-align:left;}
.banner li:last-child{margin-left:15px;}
.banner li a img{ display:block; width:100%;}


footer{ width:100%; background:#9C9494; overflow:hidden; }
.foot_top{ width:99%; margin:0 auto;margin-top:10px; min-height:40px;}
.foot_top a{ color:#fff; float:left; padding-left:8px;font-size:14px;}
.foot_top .dingbu{ float:right;  padding-right:20px; display:block;}
.foot_top .dingbu img{ padding-right:5px;}
.foot_search{ width:98%; margin:0 auto; background:#fff;/* Gecko browsers */
-moz-border-radius: 3px; 
/* Webkit browsers */
-webkit-border-radius: 3px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px; clear:both; height:35px; position:relative; }
.foot_search .search_text{ width:80%; height:26px; line-height:26px; border:0; float:left; color:#999; text-indent:0.1em; margin:3px 0 0 5px; overflow:hidden;} 
.foot_search a{ position:absolute; right:8px; top:3px;}
.foot_nav{ width:100%; /*height:30px;*/text-align:center;}
.foot_nav a{ color:#fff; padding-top:10px; line-height:23px; display:inline-block;font-size:14px;}

/*登录*/
.loading{ width:95%; margin:0 auto; padding-top:10%; margin-top:30px;}
.loading tr td{  height:60px;}
.load_text{ width:94%; height:30px; line-height:30px; color:#999;}
.loading tr td a{ padding:10px 10px 0 10px; display:block; float:left;}
.three_load{ width:50%; margin:0 auto;}
.loading tr td .load_button{ padding:0; float:none; width:98%; }


/** 第三方登录 2015-9-28 **/
.clearfix{display:block;zoom:1}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}.vishide{visibility:hidden}.dishide{display:none}[hidden]{display:none}html{background:#FFF;font-family:黑体,sans-serif;color:#000;line-height:1}body{line-height:1}.wordbreak{white-space:pre-wrap;word-break:break-all;word-wrap:break-word}

.logBox { width:100%; height:100%; position: absolute; top:0; left: 0; right: 0; bottom: 0; /*background:url(http://m.haoread.com/images/mbook/Login.jpg) top center no-repeat; background-size: cover;*/background-color: #9E9999;}
.log_Tit { padding-top:24.14%; font-size:30px; color:#fff; text-align:center; text-shadow:0 2px 2px rgba(0,0,0,.3);}
.thiLogBox { /*width: 250px;*/ margin: 34px auto 0;}
.thiLogBox li { float: left; width:109px; height: 109px; margin: 8px; text-align: center;}
.thiLogBox .wbLog { background:#AB9318;}
.thiLogBox .qqLog { background:#5D5E61;}
.thiLogBox .wxLog { background:#9D9BA5;}
.thiLogBox .bdLog { background:#573db5;}
.lgIcon { display:block; width:42px; height:34px; margin: 23px auto 10px;}
.wbIcon { background:url(/images/mbook/wbIcon.png) no-repeat; background-size:100%;}
.qqIcon { background:url(/images/mbook/qqIcon.png) no-repeat; background-size:100%;}
.wxIcon { background:url(/images/mbook/wxIcon.png) no-repeat; background-size:100%;}
.bdIcon { background:url(/images/mbook/bdIcon.png) no-repeat; background-size:100%;}
.lgIconTxt { color:#fff; font-size: 14px;}
